<script lang="ts">
</script>

<div class="page-500__wrapper w-full flex-cc">
	<div class="container w-full flex flex-center justify-center items-center gap-60px">
		<div class="error">
			<h1>500 <span class="font-size-36px">error</span></h1>
			<p class="color-gray-5">
				<!-- Ruh-roh, something just isn't right... Time to paw through your logs and get down and dirty
				in your stack-trace;) -->
				The server is running low! We are fixing it as soon as possible. If you have any questions or
				need assistance, please contact us through the following methods:
				<span class="color-blue-5">service@macnninc.com</span>.
			</p>
			<p class="color-gray-5">Thank you for your understanding!!!</p>
		</div>
	</div>
</div>

<style>
	.page-500__wrapper {
		padding: 0;
		margin: 0;
		font-family: 'Quicksand', sans-serif;
		font-weight: 400;
		overflow: hidden;
	}

	.error {
		width: 820px;
		padding: 40px;
		text-align: center;
	}

	.error h1 {
		font-size: 125px;
		padding: 0;
		margin: 0;
		font-weight: 700;
	}

	.error h2 {
		margin: -30px 0 0 0;
		padding: 0px;
		font-size: 47px;
		letter-spacing: 12px;
	}
</style>
